.page-qixin-login {

    .login-title{
        // background-image: url(assets/imgs/login_bg.png);
        padding: 156px 50px 30px;
        .title-text{
            padding: 5px 0;

            span{
                font-size: 32px;
                font-weight: bold;
                font-family: PingFangSC-Semibold;
            }
        }
        .title-china{
            span:first-child{
                color: #fff;
            }
            span:last-child{
                color: #42C6F6;
            }
        }
        .title-english{
            font-family: PingFangSC-Light;
            font-size: 24px;
            color: #ffffff;
            margin-top: -10px;
        }
    }
    .input-button{
        padding: 30px 50px;
        .input-text{
            width: 100%;
            padding: 10px 0 0;
            border-bottom: 1px solid #E7E9F0;
            i{
                font-size: 14px;
                color: #2A344E;
            }
            input{
                width: 90%;
                border: 0;
                font-family: PingFangSC-Regular;
                font-size: 14px;
                color: rgba(126,129,148,0.70);
                padding: 10px 5px;
            }
        }
        button{
            width: 100%;
            font-size: 14px;
            font-family:  PingFangSC-Regular;
            border-radius: 4px;
        }
        .buttonOne{
            background: #221F52;
            color: #fff;
            padding: 18px 0;
            margin-top: 45px;
        }
        .line{
            margin-top: 20px;
            border-bottom: 1px solid #E7E9F0;
            position: relative;
            span{
                display: block;
                font-size: 14px;
                color: rgba(126,129,148,0.70);
                width: 50px;
                text-align: center;
                background-color: #fff;
                position: absolute;
                left: 50%;
                top: -7px;
                margin-left: -25px;
            }
        }
        .login-button{
            margin-top: 24px;
            border: 1px solid #42C6F6;
            background-color: #fff;
            padding: 17px;
            color: #42C6F6;
        }
    }

    // .background-img {
    //     height: 100%;  
    //     width: 100%;  
    //     position: absolute;  
    //     top: 0px;  
    //     bottom: 0px;
    //     z-index: -1;
    // }
    // .title {
    //     position: relative;
    //     color: white;
    //     font-size: 2rem;
    //     margin-top: 20%;
    //     align-content: center;
    // }

    // .background-container {
    //     display: flex;
    //     flex-direction: column;
    //     align-items: center;
    //     justify-content: center;
    //     height: 50%;

    //     .login-button {
    //         color: white;
    //         background-color: rgb(96, 146, 161);
    //         font-size: 2rem;
    //         height: 4rem;
    //         // bottom: -20%;
    
    
    //     }

    //}



}
